﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Kelner</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="bootstrap.js"></script>
    <script type="text/javascript" src="Kelner.js"></script>
    <link rel="stylesheet" href="bootstrap.css" type="text/css">
    <link rel="stylesheet" href="Kelner.css" type="text/css">
</head>
<body>
    <div class="KelnerTable">
        <div class="panel panel-default">
            <div class="panel-heading">Kelner: <b>Imię i nazwisko kelnera</b></div>
            <table class="table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Nr stolika</th>
                        <th>Status</th>
                        <th>Czas zamówienia</th>
                        <th>Potrawy</th>
                    </tr>
                </thead>
                <tbody>
                    <tr id="KelnerZlecenie1">
                        <td>1</td>
                        <td>12</td>
                        <td>Zapłacono</td>
                        <td>18:05</td>
                        <td>Danie nr 8 + cola(500 ml)</td>
                    </tr>
                    <tr id="KelnerZlecenie2">
                        <td>2</td>
                        <td>8</td>
                        <td>Nie zapłacono</td>
                        <td>18:11</td>
                        <td>Danie nr 6 + 4 + 2 + spite(500m) + cola(500ml)</td>
                    </tr>
                    <tr id="KelnerZlecenie3">
                        <td>3</td>
                        <td>1</td>
                        <td>Zapłacono</td>
                        <td>18.16</td>
                        <td>Danie nr 7</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-default" onclick="$('#NoweZamowienie').show();">Dodaj zamówienie<br /></button>
        </div>
    </div>

    <!-- Okno dotyczace nowego zamowienia, wymaga potwierdzenia -->
    <div id="NoweZamowienie" class="panel panel-primary FloatingWindow Hidden">
        <div class="panel-heading">
            <h3 class="panel-title">Kelner: <b>Imię i nazwisko kelnera</b></h3>
        </div>
        <div class="panel-body">
            <ul class="list-group LeftList">
                <li class="list-group-item">Nr stolika</li>
                <li class="list-group-item">Status</li>
                 <li class="list-group-item">Czas zamówienia</li>
                <li class="list-group-item">Potrawy</li>
                
            </ul>
            <ul class="list-group RightList">
                <li class="list-group-item Modf"><input type="text" value=" "></li>
                <li class="list-group-item Modf"><input type="text" value=" "></li>
                <li class="list-group-item Modf"><input type="text" value=" "></li>
                <li class="list-group-item Modf"><input type="text" value=" "></li>
            </ul>
            <div class="Clear ButtonsContainer">
                <button id="KelnerPrzyjmijZamowienie" type="button" class="btn btn-default Buttons2 FloatLeft">Przyjmij</button>
                <button id="KelnerOdrzucZamowienie" type="button" class="btn btn-default Buttons2 FloatRight">Odrzuć</button>
            </div>
        </div>
    </div>

    <!-- Okno dotyczace potwierdzenia wykonania zamowienia -->
    <div id="PotwierdzWykonanieZamowienie" class="panel panel-primary FloatingWindow Hidden">
        <div class="panel-heading">
            <h3 class="panel-title">Zamówienie nr <b>1</b></h3>
        </div>
        <div class="panel-body">
            <ul class="list-group LeftList">
                <li class="list-group-item">Nr zamówienia</li>
                <li class="list-group-item">Nr stolika</li>
                <li class="list-group-item">Status</li>
                <li class="list-group-item">Czas zamówienia</li> <!-- możliwość ręcznego wpisywania godziny na wypadek awarii system -->
                <li class="list-group-item">Potrawy</li>
            </ul>
            <ul class="list-group RightList">
                <li class="list-group-item Modf">1</li>
                <li class="list-group-item Modf"><input type="text" value="12"></li>
                <li class="list-group-item Modf"><input type="text" value="Zapłacono"></li>
                <li class="list-group-item Modf"><input type="text" value="18:05"></li>
                <li class="list-group-item Modf"><input type="text" value="Danie nr 8 + cola(500 ml)"></li>
            </ul>

            <div class="Clear ButtonsContainer">
                <button id="KelnerPotwierdzZamowienie" type="button" class="btn btn-default Buttons2 FloatLeft">Zatwierdź zmiany</button>
                <button id="KelnerAnuluj" type="button" class="btn btn-default Buttons2 FloatRight">Usuń</button>
            </div>
        </div>
    </div>
</body>
</html>